<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function f1(){
            console.log("f1函数");
        }
        console.log(typeof f1);

        var f2=function(){
            console.log("f2函数");
        };
        console.log(typeof f2);

        // 结论：数据类型：number、string、boolean、undefined、object、function


        function fn(){
            console.log("fn");
        }
        function f3(f){//形参，将形参看成是一个函数
            f();//fn()
        }
        //将一个函数作为另一个函数的参数
        f3(fn);//实参，将fn作为实际参数

        function calc(x,y){
            return x+y;
        }
        function show(a,b,f){//将f看成是一个函数
           var res=f(a,b);//var res=calc(20,30);
           console.log(res);
        }
        show(20,30,calc);//回调函数

    </script>
</head>
<body>
    
</body>
</html>